<!DOCTYPE composition  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/accTemplate/tempacc.xhtml">

	<ui:define name="body">
		
                    <div class="content_code">
                    	<h:form id="frmdmkh">
                    	  <table width="100%" border="0" cellspacing="0" cellpadding="5">
                            <tr>
                              <td width="150">Mã khách hàng </td>
                              <td><h:inputText id="idmakh" /></td>
                            </tr>
                            <tr>
                              <td class="wD">Tên khách hàng </td>
                              <td width="920"><h:inputText class="ipD" id="idtenkh"/></td>
                            </tr>
                            <tr>
                              <td class="wD">Nhóm</td>
                              <td>
                              		<h:selectOneMenu id="cbnhom"
										style="width:150px;"
										value="#{dmKhachHangBean.grouplst}">
										<f:selectItem itemLabel="#{utilInitLang.st_all}"
											itemValue="0" />
										<f:selectItems value="#{dmKhachHangBean.cusinfo.groupid}" />
									</h:selectOneMenu>
							  </td>
                            </tr>
                            <tr>
                              <td colspan="2">
								<div class="tabs">
									<ul class="tabmenu hidden">
									<li><a href="#tab-1">Thông tin khách hàng</a></li>
									<li><a href="#tab-2">Mặc định</a></li>
									<li><a href="#tab-3">Thông tin khác</a></li>
									</ul>
									<div id="tab-1">
									<table>
										<tr>
										  <td class="wD">Người đại diện </td>
										  <td><input class="ipD" name="donvi2" type="text" /></td>
										</tr>
										<tr>
										  <td class="wD">Địa chỉ </td>
										  <td><input class="ipD" name="donvi2" type="text" /></td>
										</tr>
										<tr>
										  <td class="wD">Điện thoại </td>
										  <td><input name="sph2" type="text" /></td>
										</tr>
										<tr>
										  <td class="wD">Số fax </td>
										  <td><input name="sph3" type="text" /></td>
										</tr>
										<tr>
										  <td class="wD">Mã số thuế </td>
										  <td><input name="sph4" type="text" /></td>
										</tr>
									</table>
									</div>
									<div id="tab-2">
									<p>Nội dung của tab 2</p>
									</div>
									<div id="tab-3">
									<p>Nội dung của tab 3</p>
									</div>
								</div>
							  </td>
                            </tr>
                            <tr>
                              <td colspan="3">
							  <div class="div_tabH">
							  <table class="catD" width="90%" cellspacing="0" cellpadding="5">
                                  
                                  <tr class="table_new" >
                                    <td>&nbsp;</td>
                                    <td>Mã khách hàng </td>
                                    <td>Tên khách hàng </td>
                                    <td>Nhóm</td>
                                    <td>Địa chỉ </td>
                                    <td>Điện thoại </td>
                                    <td>Số fax </td>
                                    <td>Mã số thuế </td>
                                    <td>Thời hạn TT </td>
                                    <td>Thuế xuất </td>
                                    <td>TK phải </td>
                                  </tr>								  
                                  <tr class="row">
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                  </tr >
                                  <tr class="row">
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                  </tr>
                                  <tr class="row">
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                  </tr>
                                  <tr class="row">
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                  </tr>
                                  <tr class="row">
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                  </tr>
                                  <tr class="row">
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                  </tr>
                                  <tr class="row">
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                  </tr>
                                </table>
								<div class="ptH">
                                    <ul>
                                      <li>Recort:</li>
                                      <li><a href="#"><img src="images/icon_03.png" alt="Pre All" /></a></li>
                                      <li><a href="#"><img src="images/icon_05.png" alt="Pre" /></a></li>
                                      <li>
                                        <input class="reD" name="recort" type="text" value="12" />
                                      </li>
                                      <li>of 123</li>
                                      <li><a href="#"><img src="images/icon_07.png" alt="Next" /></a></li>
                                      <li><a href="#"><img src="images/icon_09.png" alt="Next All" /></a></li>
                                    </ul>
                                </div>
								</div>
                                </td>
                            </tr>
                            
                          </table>
                    	  <div class="smH">
                                	<ul>
                                    	<li><input class="btn_choose" name="new" type="submit" value="Tạo mới" /></li>
                                        <li><input class="btn_choose" name="new" type="submit" value="Lưu" /></li>
                                        <li><input class="btn_choose" name="new" type="submit" value="Xóa" /></li>
                                    </ul>
                          </div>
                          </h:form>
                          </div>
	</ui:define>
</ui:composition>